<style>
  .collection_top_bar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 44px 0 20px 0;
  }
  .collection_top_bar .product_num{
    font-weight: 500;
  }
	.product-list-warp{
		overflow: hidden;
	}

	.product-list-warp ul{
		display: grid;
    grid-row-gap: 30px;
    grid-column-gap: 40px;
    grid-template-columns: repeat(var(--web_column), minmax(50px, 1fr));
	}




  .product-list-warp li {
    list-style-type: none;
    text-align: center;
  }

  .product-list-warp .product_pic {
    margin-bottom: 30px;
    position: relative;
  }

  .product-list-warp .soldout {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 50px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 14px;
  }

  .product-list-warp .product_pic .product_img {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
  }

  .product-list-warp .product_pic img {
    max-width: 100%;
  }

  .product-list-warp .block_product_name {
    margin-bottom: 10px;
    line-height: 1.5;
  }

  .product-list-warp .product_price {
    font-weight: bold;
  }

  .product-list-warp .product_oldprice {
    color: #888;
    text-decoration: line-through;
    margin-left: 5px;
    font-weight: normal;
  }


  @media (max-width: 767px) {
    .product-list-warp ul {
      grid-row-gap: 30px;
      grid-column-gap: 15px;
      grid-template-columns: repeat(2, minmax(50px, 1fr)) !important;
    }
    .product-list-warp .collection_content_more {
      margin-top: 30px;
    }
    .product-list-warp .product_pic {
      margin-bottom: 20px;
    }
  }


</style>



{% if section.params.coupon %}
{% assign coupon = section.params.coupon %}
{% endif %}

<style>
  .mo-pagination {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 40px 0;
      font-size: 0;
  }
  .mo-pagination .mo-pagination-value, .mo-pagination .mo-pagination-handle {
      width: 32px;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      box-sizing: border-box;
      margin: 0 5px;
  }

  .mo-pagination .mo-pagination-handle {
      overflow: hidden;
      cursor: pointer;
  }
  .mo-pagination .mo-pagination-handle path {
      fill:#1D1F21
  }

  .mo-pagination .mo-pagination-value {
      color: #1D1F21;
  }
  .mo-pagination .mo-pagination-value:hover{
      border: 1px solid #1D1F21;
  }
  .mo-pagination .mo-pagination-value-active{
      color: #1D1F21;
      border: 1px solid #1D1F21;
  }
  .mo-pagination .mo-pagination-handle-disable{
      cursor: not-allowed;
  }
  .mo-pagination .mo-pagination-handle-disable path{
      fill:#999999
  }
  .filter-price-box{
    display: flex;
  }
  .filter-price-box span{
    max-width: 40px;
    margin-right:6px;
  }
  .filter-price-box input{
    padding: 9px;
    flex: 1;
    flex-shrink: 0;
    border: 1px solid rgba(136, 138, 139, 0.2);
    border-radius: 4px;
  }
</style>


<style>
.coupons_detail_nav{
  width:100%;
  min-height: 80px;
  background:  var(--side_color);
}

.coupons_detail_nav_warp{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-height: 80px;
  padding:0 20px 0 0;
  justify-content: center;
  background: linear-gradient(90deg, var(--banner_color-l) 0%, var(--banner_color-r) 100%);
}




.moi-countdow-time{
  flex:1;
    display: flex;
  flex-wrap: wrap;
    align-items: center;
    justify-content: end;
    gap: 10px;
  }
  .moi-countdow-time>div{
    display: flex;
    align-items: center;
    gap: 10px;
  }
.moi-countdow-time-label{
  color: var(--text_color);
  text-align: center;
}
.moi-countdow-time-value{
  min-width: 40px;
  height: 27px;
  background: var(--countdown_bg_color);
  opacity: 1;
  color: var(--countdown_text_color);
  border-radius: 4px 4px 4px 4px;
  display: flex;
  align-items: center;
  line-height: 1;
  justify-content: center;
}
.moi-coupon{
  display: flex;
  overflow: hidden;
  position: relative;
  height: 70px;
  margin-left: 5px;
}
.moi-coupon-value{
  flex: 1;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  background: var(--code_bg_color);
  min-width:170px;
  box-sizing: border-box;
}
.moi-coupon-value-title{
  font-weight: bold;
  color: var(--code_text_color);
  font-size: 20px;
  line-height: 24px;  
}
.moi-coupon-value-des{
  font-size: 12px;
  line-height: 16px;  
  margin-top: 4px;
  color: var(--code_rule_color);

}

.moi-coupon-circles-right{
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100% + 10px);
  right: 0;
  transform: translate(50%, -5px);
}
.moi-coupon-circles-left{
  position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% + 10px);
    transform: translate(-50%, -5px);
}
.moi-coupon-circles-right li,.moi-coupon-circles-left li{
  display: block;
    width: 10px;
    height: 10px;
    content: "";
    background-color: var(--banner_color-l);
    border-radius: 50%;
}

.moi-coupon-label{
  flex: 1;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--code_bg_color);

}
.moi-coupon-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--code_button_text_color);
  gap: 10px;
  height: 34px;
  background: var(--code_button_bg_color);
  border-radius: 26px 26px 26px 26px;
  opacity: 1;
  padding:0 18px;
  cursor: pointer;
}
.coupons_detail_container_wrapper{
  width: 100%;
  max-width: var(--general_layout_width);
  margin: 0 auto;
}

.block_title{
  margin-top: calc(var(--general_layout_spacing) * var(--title_margin_bottom_scale));
}


@media (max-width: 767px) {
.coupons_detail_nav_warp{
  flex-direction: column;
  align-items: center;
  padding: 5px 5px 10px 5px;
  gap: 10px;
  box-sizing: border-box;
}
.moi-coupon-value-title{
  font-size: 18px;
  line-height: 20px;  
}
.moi-coupon{
  width: 100%;
  margin-left: 0px;
}
.moi-coupon-value{
  width: 100%;
  flex: 1;
  padding: 0 10px;
}
.moi-coupon-label{
  padding: 0 10px;
}
.moi-countdow-time{
   margin-right: 0;
   justify-content: center;
   gap:5px;
}
}
</style>

{% if section.params %}
{% assign coupon_view_config = section.params.coupon_view_config %}
{% assign sort_options = section.params.sort_options %}
{% endif %}

<div class="container_wrapper">
  {% include 'block_title', title:coupon.coupon_name %}
</div>

<div class="coupons_detail_nav" style=" --side_color:{{coupon_view_config.side_banner_color}}; --banner_color-l:{{coupon_view_config.banner_color1}};--banner_color-r:{{coupon_view_config.banner_color2}};--text_color:{{coupon_view_config.text_color}};--countdown_bg_color:{{coupon_view_config.countdown_bg_color}};--countdown_text_color:{{coupon_view_config.countdown_text_color}};
  --code_border_color:{{coupon_view_config.code_border_color}};--code_bg_color:{{coupon_view_config.code_bg_color}};--code_text_color:{{coupon_view_config.code_content_color}};--code_rule_color:{{coupon_view_config.code_rule_color}}; --code_button_bg_color:{{coupon_view_config.code_button_bg_color}};--code_button_text_color:{{coupon_view_config.code_button_text_color}}">
	<div class="coupons_detail_container_wrapper">
		<div class="coupons_detail_nav_warp" id="coupons_detail-nav">
      {%- if coupon.status != 3 -%}
      <div class="moi-coupon">
        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="100%" viewBox="0 0 10 70">
          <path id="交叉_3" data-name="交叉 3" d="M-915.922,3988a4.574,4.574,0,0,0-1.784-3.535A6.751,6.751,0,0,0-922,3983v-7c3.351,0,6.076-2.245,6.076-5s-2.725-5-6.076-5v-8c3.351,0,6.076-2.245,6.076-5s-2.725-5-6.076-5v-7c3.351,0,6.076-2.246,6.076-5s-2.725-5-6.076-5v-8c3.351,0,6.076-2.246,6.076-5H-912v70Z" transform="translate(921.998 -3918)" fill="{{coupon_view_config.code_bg_color}}"/>
        </svg>
				<div class="moi-coupon-value">
					<div class="moi-coupon-value-title">
						{% if coupon.param.discount.type == "1" %}
						<span>{{ coupon.param.discount.value }}%</span> OFF
						{% else %}
						<span>-{{ coupon.param.discount.value | money }}</span> 
						{% endif %}
					</div>
					<div class="moi-coupon-value-des">
						{% if coupon.param.condition.type == 0 %}
						{{lang.coupons.discount_rule_extra}}
						{% elsif coupon.param.condition.type == 1  %}
						{{lang.coupons.discount_rule_count | replace: '{condition}',coupon.param.condition.value }}
						{% else %}
						{% assign coupon_value = coupon.param.condition.value | money %}
						{{lang.coupons.discount_rule_amount | replace: '{condition}',coupon_value }}
						{% endif %}
					</div>
				</div>
        <svg xmlns="http://www.w3.org/2000/svg" width="10.001" height="100%" viewBox="0 0 10.001 70">
          <path id="交叉_4" data-name="交叉 4" d="M-677,3988a4.965,4.965,0,0,0-1.465-3.534A4.962,4.962,0,0,0-682,3983a5.007,5.007,0,0,0-5,5h0v-70a4.972,4.972,0,0,0,1.466,3.534A4.97,4.97,0,0,0-682,3923a5,5,0,0,0,5-5h0v70Zm-5-5.5h1v-3h-1Zm0-7h1v-4h-1Zm0-8h1v-4h-1Zm0-8h1v-4h-1Zm0-8h1v-4h-1Zm0-8h1v-4h-1Zm0-8h1v-4h-1Zm0-8h1v-4h-1Z" transform="translate(686.999 -3918)" fill="{{coupon_view_config.code_bg_color}}"/>
        </svg>
				<div class="moi-coupon-label">
          
					<div class="moi-coupon-btn" data-clipboard-text="{{ coupon.coupon_code }}">
            <span>{{coupon.coupon_code}}</span>
            <svg t="1683170259462" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15276" width="16" height="16"><path d="M768 256V0H0v768h256v256h768V256h-256zM128 128h512v512H128V128z m768 768H384v-128h384V384h128v512z" fill="currentColor" p-id="15277"></path></svg>
          </div>
				</div>
        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="100%" viewBox="0 0 10 69.999">
          <path id="交叉_5" data-name="交叉 5" d="M-458,3918h3.923a4.567,4.567,0,0,0,1.782,3.533A6.748,6.748,0,0,0-448,3923v8c-3.351,0-6.076,2.243-6.076,5s2.726,5,6.076,5v7c-3.351,0-6.076,2.244-6.076,5s2.726,5,6.076,5v8c-3.351,0-6.076,2.243-6.076,5s2.726,5,6.076,5v7c-3.351,0-6.076,2.243-6.076,5H-458Z" transform="translate(457.999 -3918)" fill="{{coupon_view_config.code_bg_color}}"/>
        </svg>
			</div>
      {%- endif -%}
      
			

			
		</div>
	</div>
</div>
<div class="container_wrapper ">
	<div class="collection_top_bar">
		<div class="product_num"><span></span> {{ lang.collections.detail.products }}</div>
		<div  style="display: flex;align-items: center;gap:15px">
			{% if section.settings.show_sort %}
			<span>{{ lang.general.sort_by }}</span>

			<select class="form-control" id='sort_by_select'>
				{% for option in sort_options %}
				<option value="{{option.value}}" {% if option.value == sort_by %}selected="selected" {% endif %}>{{ option.name }}</option>
				{% endfor %}
			</select>
			{% endif %}

		</div>
	</div>
</div>

<div class="container_wrapper block_collection_waterfall " style="--web_column:{{section.settings.web_column | default:4}}">
	<div id="collection-product-warp" style='min-height:300px'>
		
	</div>

</div>

{% include 'collection_product_waterfall' %}
<script type="text/html" id="collection-paginate-temp">
  {% raw %}
    {% if paginate and paginate.current_page != 0 %}
      <div class="mo-pagination">
          <a href="javascript:;" data-page="{{paginate.previous.page}}" class="mo-pagination-handle {% if paginate.current_page == 1 %}mo-pagination-handle-disable{% endif %}">
              <svg t="1632633670584" class="arrow-1" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1448" width="16" height="16">
                  <path d="M751.61600001 175.104l-360.0896 337.6128 359.67999999 336.0768a50.3296 50.3296 0 0 1 0 74.3936 58.88 58.88 0 0 1-79.4112 0.1024l-399.36-373.248a50.3296 50.3296 0 0 1 0-74.3424l399.7184-374.8864a58.88 58.88 0 0 1 79.4112-0.1024 50.3296 50.3296 0 0 1 0 74.3936z" p-id="1449" fill="#888888"></path>
              </svg>
          </a>
          {% for part in paginate.parts %}
          {% if part.is_link %}
          <a href="javascript:;" data-page="{{part.page}}" class="mo-pagination-value {% if part.title == paginate.current_page %}mo-pagination-value-active{% endif %}">{{ part.title }}</a>
          {% else %}
          <span class="mo-pagination-value">{{ part.title }}</span>
          {% endif %}
          {% endfor %}
          <a href="javascript:;" data-page="{{paginate.next.page}}"  class="mo-pagination-handle {% if paginate.current_page == paginate.pages %}mo-pagination-handle-disable{% endif %}">
              <svg t="1632633684430" class="arrow-1" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1590" width="16" height="16">
                  <path d="M272.384 848.896l360.0896-337.6128-359.68-336.0768a50.3296 50.3296 0 0 1 0-74.3936 58.88 58.88 0 0 1 79.4112-0.1024l399.36 373.248a50.3296 50.3296 0 0 1 0 74.3424l-399.7184 374.8864a58.88 58.88 0 0 1-79.4112 0.1024 50.3296 50.3296 0 0 1 0-74.3936z" p-id="1591" fill="#888888"></path>
              </svg>
          </a>
      </div>
    {% endif %}
  {% endraw %} 
</script>
<script type="text/html" id="collection-product-empty-temp">
  {% include "empty" , text:lang.general.empty  %}
</script>
<script>
	$(function(){
    var coupon = {{coupon|json}};
    var couponConfig = {{coupon_view_config|json}};


    var clipboard = new ClipboardJS('.moi-coupon-btn');
    clipboard.on('success', function(e) {
        moi.alertInfo({content:"{{lang.coupon.copy_success}}",placement:"top",type:"success"})
        oemcartCouponRecord && oemcartCouponRecord(coupon.coupon_code)
    });

    clipboard.on('error', function(e) {
        console.log(e);
    });

    const formatNumber = (n) => {
      const s = n.toString()
      return s[1] ? s : '0' + s
    }
    function countdown(endDate,display) {
      let timer = setInterval(function() {
        let now = new Date().getTime();
        let distance = endDate - now;
        if (distance < 0) {
          clearInterval(timer);
          location.reload()
          return
        }
        let days = Math.floor(distance / (1000 * 60 * 60 * 24));
        let hours = Math.floor(distance  / (1000 * 60 * 60));
        if(couponConfig.countdown == 1){
          hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
        }
        let minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
        let seconds = Math.floor((distance % (1000 * 60)) / 1000);

        if(couponConfig.countdown == 1){
          display.find("#days").text(formatNumber(days));
        }

        display.find("#hours").text(formatNumber(hours));
        display.find("#minutes").text(formatNumber(minutes));
        display.find("#seconds").text(formatNumber(seconds));
      
      }, 1000);
    }

    function countdowStatusTips(status){
      switch (status) {
        case 1:
          return '{{lang.coupons.starts_at}}'
        case 2:
          return '{{lang.coupons.ends_at}}'
        case 3:
          return '{{lang.coupons.ended}}'
      }
    }

    function showCountdowTime(){
        var ends_at = coupon.ends_at;

      
        $("#coupons_detail-nav").append('<div class="moi-countdow-time" id="countdow-warp"></div>');
        var display = $("#coupons_detail-nav").find("#countdow-warp");
        if(coupon.status == 2 && ends_at === -1){
          display.css({"display": "none"})
          return
        }
        function appendTimeHtml(){
          if(couponConfig.countdown == 1){
            display.html(`<span class="moi-countdow-time-label">${countdowStatusTips(coupon.status)}</span>
            <div>
              <span class="moi-countdow-time-value" id='days'></span>
              <span class="moi-countdow-time-label">{{lang.coupons.day}}</span>
              <span class="moi-countdow-time-value" id='hours'></span>
              <span class="moi-countdow-time-label">:</span>
              <span class="moi-countdow-time-value" id='minutes'></span>
              <span class="moi-countdow-time-label">:</span>
              <span class="moi-countdow-time-value" id='seconds'></span>
            </div>
              `);
          }else{
            display.html(`<span class="moi-countdow-time-label">${countdowStatusTips(coupon.status)}</span>
            <div>
              <span class="moi-countdow-time-value" id='hours'></span>
              <span class="moi-countdow-time-label">:</span>
              <span class="moi-countdow-time-value" id='minutes'></span>
              <span class="moi-countdow-time-label">:</span>
              <span class="moi-countdow-time-value" id='seconds'></span></div>`);
          }
        }

        if(coupon.status == 1){
          appendTimeHtml()
          countdown(coupon.starts_at * 1000,display)
          return
        }

        if(coupon.status == 2){
          if(ends_at !== -1){
            appendTimeHtml()
            countdown(coupon.ends_at * 1000,display)
          }
          return
        }

        if(coupon.status == 3){
          display.html(`<span class="moi-countdow-time-label" style="width: 100%;text-align: center;">${countdowStatusTips(coupon.status)}</span>`)
          return
        }

    }
    showCountdowTime()
		function getParam(page){
			return {
				page:page || 1,
				page_size:'{{section.settings.pagesize}}',
				sort_by:$('#sort_by_select').val() || "",
			}
		}

		//请求数据
    function getCollectionProduct(params){
			var getURl = moi.setUrlParams(`/coupons/{{coupon.id}}/products`,params);
      moi.appendLoading({container:"#collection-product-warp",theme:'white',size:32})

      moi.ajax({
        url: getURl,
        type: "get",
        complete:function(){
          moi.removeLoading("#collection-product-warp")
        },
        success: function (res) {
          if (res.code !== 0) {
            return moi.message({content:res.msg,type:"error"})
          }
          var resData = res.data;
          if(resData.list.length){
            $("#collection-product-warp").html("")
            engine.parseAndRender($("#omesaas-collection-product-temp").html(), {
              products: resData.list,
              data_from: '{{data_from}}',
              lang: lang
            }).then(function(productHtml) {
              $("#collection-product-warp").append('<div class="collection_content product-list-warp"><ul>'+productHtml+'</ul></div>');
              $("#collection-product-warp").find(".product_view").click(quickview);
              $(".product_num span").text(resData.count)

							function changePaginate(paginate){
                var pageNumber = moi.isMobile()?3:5;
								var parts = [{is_link:true,title: paginate.current,page: paginate.current}]
								for(var i = 1;i<pageNumber;i++){
									var prev = paginate.current - i;
									if(prev > 0){
									
										if(i==pageNumber-1 && prev>1 ){
											parts.unshift({
												is_link: false,
												title:'...',
												page:'javascript:;'
											})
											parts.unshift({
												is_link: true,
												title:1,
												page:1
											})
										}else{
											parts.unshift({
												is_link:true,
												title: prev,
												page:prev
											})
										}
									}

									var next = paginate.current + i;
									if(next <= paginate.pageTotal){
										if(i==pageNumber-1 && next<paginate.pageTotal){
											parts.push({
												is_link: false,
												title:'...',
												page:'javascript:;'
											})
											parts.push({
												is_link: true,
												title:paginate.pageTotal,
												page:paginate.pageTotal
											})
										}else{
											parts.push({
												is_link:true,
												title:next,
												page:next
											})
										}
									
									}

								}
								return {
									previous:{
										page:paginate.current == 1?'javascript:;':paginate.current - 1
									},
									current_page:paginate.current,
									parts:parts,
									pages:paginate.pageTotal,
									next:{
										page:paginate.current == paginate.pageTotal?'javascript:;':paginate.current + 1
									}
								}
							}
              engine.parseAndRender($("#collection-paginate-temp").html(), {
                paginate: changePaginate(resData.paginate),
                lang: lang
              }).then(function(paginateHTml) {
                $("#collection-product-warp").append(paginateHTml)
                window.productSize && window.productSize( $("#collection-product-warp").find(".product_img"))

                {% if theme_config.global.product_img_list_type != 0 %}
                  let productDetail = new omesaasProduct({})
                  productDetail.renderProductImgList()
                  productDetail = null
                {% endif %}
                $("#collection-product-warp").find(".mo-pagination-value").click(function(){
                  var page = $(this).data("page");
									if(page != 'javascript:;'){
              			$("html,body").stop().animate({ scrollTop: $(".collection_top_bar").offset().top - $(".coupons_detail_nav").innerHeight() }, 400, "linear");
										getCollectionProduct(getParam(page))
									}
                })
                $("#collection-product-warp").find(".mo-pagination-handle").click(function(){
                  var page = $(this).data("page");
									if(page != 'javascript:;'){
              			$("html,body").stop().animate({ scrollTop: $(".collection_top_bar").offset().top - $(".coupons_detail_nav").innerHeight() }, 400, "linear");
										getCollectionProduct(getParam(page))
									}
                })

                
              });
            });
          }else{
            $(".product_num span").text(0)
            $("#collection-product-warp").html($("#collection-product-empty-temp").html())
          }

        }
      })
    }

		$('#sort_by_select').change(function(){
			getCollectionProduct(getParam(1))
		})

		getCollectionProduct(getParam(1))
	})

  {% comment %} $(document).ready(function() {
    var $element = $('.coupons_detail_nav');
    var originalTop = $element.offset().top;
    $(window).scroll(function() {
      if ($(window).scrollTop() > originalTop) {
        $element.css('position', 'fixed').css('top', '0');
      } else {
        $element.css('position', 'static');
      }
    });
  }); {% endcomment %}

</script>
{% schema %}
{
	"tag": "section",
	"class": "coupons_detail",
	"is_global": false,
	"name": {
		"zh_CN": "优惠券详情",
		"en_US": "Coupon details"
	},
	"max_blocks": 80,
	"settings": [
		{
			"type": "card_header",
			"label": {
				"zh_CN": "设置",
				"en_US": "Settings"
			}
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "是否显示排序",
				"en_US": "Whether to show sorting"
			},
			"default": true,
			"id": "show_sort"
		},
		{
			"type": "card_input_number",
			"max": 80,
			"min": 8,
			"id": "pagesize",
			"label": {
				"zh_CN": "商品每页数量",
				"en_US": "Product number each page"
			},
			"info": {
				"zh_CN": "默认数量12个;最小8个、最大80个;",
				"en_US": "Default number 12, minimum 8, maximum 80;"
			},
			"default": 12
		},
    {
			"type": "card_slider",
			"id": "web_column",
			"max": "6",
			"min": "3",
			"label": {
				"zh_CN": "pc每排商品数量",
				"en_US": "PC number per row"
			}
		}
	],
	"blocks": [],
	"default": {
		"settings": {
			"pagesize": 12,
			"show_sort": true,
      "web_column":4
		},
		"blocks": []
	}
}
{% endschema %}